<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
    <script src="js/utils.js" defer></script>
	<script src="js/main.js" defer></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<!--界面布局的快速拓展公式： .stage>(row>hole[id=d$]*3)*3-->

	<div class="stage">
		<div class="hud">
			<div class="score">score:<span>0</span></div>
			<div class="life"></div>
			<div class="highest">record:<span>0</span></div>
		</div>
		<div class="rows">
			<div class="row">
				<div class="hole" id='d1'></div>
				<div class="hole" id='d2'></div>
				<div class="hole" id='d3'></div>
			</div>

			<div class="row">
				<div class="hole" id='d4'></div>
				<div class="hole" id='d5'></div>
				<div class="hole" id='d6'></div>
			</div>

			<div class="row">
				<div class="hole" id='d7'></div>
				<div class="hole" id='d8'></div>
				<div class="hole" id='d9'></div>
			</div>
		</div>
	</div>
</body>

</html>